<template>
    <div>
   <table>
    <tr>
        <td>名称</td>
        <td>电话</td>
        <td>图片</td>
        <td>状态</td>
        <td>操作</td>
    </tr>
    <tr v-for="item in list">
        <td>{{ item.mid }}</td>
        <td>{{ item.mname }}</td>
        <td><img :src="'https://localhost:7146'" + alt="" item.mimage width="50px" header="50px" /></td>
        <td>{{ item.mstate==1?"上架" :"下架" }}</td>
        <td></td>
    </tr>
   </table>
    </div>
</template>

<script setup lang="ts">
import {toRefs,reactive,onMounted} from 'vue'
import { useRoute,useRouter } from 'vue-router'
import axios from 'axios'
const router = useRouter()
const route = useRoute()



const data:any = reactive({
    state:{
        mid:
    }
    list:[]
})

const {list} = toRefs(data)

onMounted(()=>{
    
    funShow()
})

const funShow = () => {
    axios({
        url:'https://localhost:7146/api/Member/ShowMember',
        method:'get',

    }).then((res)=>{
        list.value = res.data.data
    })
}




</script>

<style scoped>

</style>